<!-- <head>
    <link rel="stylesheet" href="vendor/data-table/media/css/dataTables.bootstrap.min.css">
</head> -->
<div class="content-header">
    <div class="leftside-content-header">
        <ul class="breadcrumbs">
            <!-- <li><i class="fa fa-table" aria-hidden="true"></i><a href="#">Tables</a></li> -->
            <li><a>跑步信息</a></li>
        </ul>
    </div>
</div>
<div class="row animated fadeInRight">

    <div class="col-sm-12 col-lg-10 col-lg-offset-1">
        <!-- <h4 class="section-subtitle"><b>Columns hiding</b> responsive</h4> -->
        <div class="panel ">
            <div class="panel-content ">
                <table id="responsive-table" class="data-table table table-striped table-hover responsive nowrap" cellspacing="0" width="100%">
                    <thead>
                        <tr>
                            <th>学号</th>
                            <th>姓名</th>
                            <th>班级</th>
                            <th>跑步次数</th>
                        </tr>
                    </thead>

                    <tbody>
                        {% for item in seq -%}
                            <!-- <tr data-toggle="modal" href="#" data-target="#lg-modal"> -->
                            <tr data-toggle="modal" href="/ajax/teaGetRunTimes?id=6" data-target="#myModal">
                            <td>{{ item.stuNum }}</td>
                            <td>{{ item.name }}</td>
                            <td>{{ item.class }}</td>
                            <td>{{ item.runTimes }}</td>
                        </tr>
                        {%- endfor %}
                    </tbody>

                </table>
            </div>
        </div>
    </div>
</div>

</script>

<script src="./javascripts/tt.js"></script>
<script src="vendor/data-table/media/js/jquery.dataTables.min.js"></script>
<script src="vendor/data-table/media/js/dataTables.bootstrap.min.js"></script>
<script src="vendor/data-table/extensions/Responsive/js/dataTables.responsive.min.js"></script>
<script src="vendor/data-table/extensions/Responsive/js/responsive.bootstrap.min.js"></script>
<script src="javascripts/examples/tables/data-tables.js"></script>

<!-- 弹窗脚本 -->
<!-- <script src="vendor/bootstrap/js/bootstrap.min.js"></script>